﻿/*@import "bootstrap.less";
@import "tiles.less";
@import "pivot.less";
*/


/*  Lists   */

/* Type */
@fonts: 			"Segoe UI", "Segoe WP", "Helvetica Neue", 'RobotoRegular', sans-serif;
@headingfonts: 		"Segoe UI Light", "Helvetica Neue", 'RobotoLight', "Segoe UI", "Segoe WP", sans-serif;
@baseFontSize:		14px;
@h1fontSize:        @baseFontSize * 4;
@h2fontSize:        @baseFontSize * 3;
@h3fontSize:        @baseFontSize * 2;

/* Colors */
@black:				#000;
@white:				#FFF;
@blue:              #1BA1E2;
@brown:             #A05000;
@green:             #339933;
@lime:              #8CBF26;
@magenta: 			#FF0097;
@orange:            #F09609;
@pink:              #E671B8;
@purple: 			#A200FF;
@red:               #E51400;
@teal: 				#00ABA9;
@gray:				#F0F1F4;
@accent: 			#1BA1E2;
@accentDark:	 	darken(@accent, 15%);
@background: 		white;
@foreground: 		black;
@inactive: 			#aaaaaa;
@faded:				#fafafa;

.accent { color: @accent; }

.white	 { color: @white; }
.black   { color: @black; }
.blue    { color: @blue; }
.brown   { color: @brown; }
.green   { color: @green; }
.lime    { color: @lime; }
.magenta { color: @magenta; }
.orange  { color: @orange; }
.pink    { color: @pink; }
.purple  { color: @purple; }
.red     { color: @red; }
.teal    { color: @teal; }

.whitebg	 { background-color: @white; }
.blackbg   { background-color: @black; }
.bluebg    { background-color: @blue; }
.brownbg   { background-color: @brown; }
.greenbg   { background-color: @green; }
.limebg    { background-color: @lime; }
.magentabg { background-color: @magenta; }
.orangebg  { background-color: @orange; }
.pinkbg    { background-color: @pink; }
.purplebg  { background-color: @purple; }
.redbg     { background-color: @red; }
.tealbg    { background-color: @teal; }
.graybg	   
{
    background-color:@gray;
}

ul.metro-list, ol.metro-list { padding: 0; }

ul.metro-list li, ol.metro-list li 
{
    display: block;
    list-style-type: none;
    border-left: solid 30px @accent;
    height: 20px;
    list-style-position: inside;
    margin: 10px 0;
    padding:5px;

}
ul.metro-list { 
    overflow: hidden; 
}
ol.metro-list { 
    text-indent: -25px;
    counter-reset: item;
}
ol.metro-list li:before { 
    color:white;
    margin-right:25px;
    content: counter(item) "  "; 
    counter-increment: item;
}


@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/Roboto-Regular-webfont.eot');
    src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
         url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Regular-webfont.svg#RobotoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'RobotoLight';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

#headingstyles {
    font-family: @headingfonts;
    font-weight: 100;
    margin-top: 5px;
    margin-bottom: 0px;
    text-transform: lowercase;
}

body {
    font-family: @fonts;
    font-size: @baseFontSize;
}

h1, h2, h3, h4, h5, h6 
{
    #headingstyles;
}

h1 { font-size: @h1fontSize; }
h2 { font-size: @h2fontSize; }
h3 { font-size: @h3fontSize; }
h4, h5, h6 {
    font-weight: normal;
    text-transform: uppercase;
}

@dimension: 100%;
@logoHeight: 107px;
@padding: 5px;
@size: 1em;

html, body {
  .whitebg;
  margin: 0;
  padding: 0;
  color: @black;
}

a {
  color: @accent;
  text-decoration: none;
}

#main 
{

    .whitebg;
}

.loginMenu
{
    width: @dimension;
    list-style-type:none;
    margin:auto;
    margin-top:-40px;
    float: right;
    position: relative ;
    margin-top:-20px;
    z-index:2000;
    font-size:0.98em;
    li {
        //.whitebg;
        text-decoration:none;
        float: right;
        text-align: center;

        a
        {
            margin: 5px;
            color: @black;
        }
        a:hover
        {
            color: @accent;
        }
     }
}

#header
{
    .graybg;
}

.tagLine
{
    font-size: 22px;
    /*font-weight: bold;*/
    .black;
}
.topMenu
{
    position:absolute;
    z-index:120;
    margin-top:-65px;
    margin-left:-40px;
    .headerMenu
    {
        list-style-type:none;
        text-align:left;
        width: 1000px;
        margin: auto;
        font-size:1.2em;
        li 
        {
            a:hover
            {
                .graybg;
                color: @black;
                border-bottom-color:@red;
            }
            float: left;
            text-align: left;
            margin: 4px;
            border-bottom-width:4px;
            border-bottom-style:solid;
            padding-bottom:5px;
            padding-top:5px;
                
            a
            {
                color: @black;
                text-decoration:none;
                height: 40px;
                padding-top: 5px;
                padding-bottom: 5px;
                padding-left: 20px;
                padding-right: 20px;
                text-align: center;
                border-bottom-style:solid;
                border-bottom-width:4px;
                border-bottom-color:@blue;
            }
                
            .homeMenu
            {
                border-bottom-color:@orange;
            }

            .actionMenu
            {
                border-bottom-color:@lime;
            }

            .settingsMenu
            {
                border-bottom-color:@orange;
            }
        }
    }
}

#header
{
    width: 1000px;
    background:@blue url(images/headerBackground.png) repeat-x left;
    display:block;
}

#sidebar 
{
    //min-width: 300px;
    margin-top: 20px;
    h1, h2, h3, h4, h5, h6
    {
    }
}
a:hover {
  color: @accentDark;
//  text-decoration: underline;
}

pre { 
    padding: 15px;
    border: 1px solid @inactive;
    background: @faded;
}

code {
    background: @faded;
    border: 1px solid @inactive;
    padding-left:@padding;
    padding-right: @padding;
}

#header
{
    position: relative;
    width: @dimension;
    height: @logoHeight;
    background-color:white;
    background: white url(Images/headerBackgroud.png) top repeat-x;
    z-index: 1;
}

#main
{
    padding-top: @logoHeight;
    .whitebg;
}

#logo
{
    margin-left: 20px;
    margin-bottom: 5px;
    position: absolute;
    top: 45px;
    z-index: 2;
}
#logoFiles
{
    padding: 0px 0 20px 0;
    margin-left:875px;
    margin-bottom: 35px;
    position: absolute;
    top: 40px;
    z-index: 2;
}
#main-wrapper
{
    .whitebg;
    width: 1000px;
    min-height: @dimension;
    margin-left: auto;
    margin-right: auto;
    margin-top:0-@logoHeight;
    padding-top: 20px;
    z-index: 0;
}

#sidebar
{
    margin: 0;
    padding-left: 0px;
    float: left;
    //width:230px;
    margin-top: 20px;

    //border: 1px @blue solid;
    .whitebg;
    a {
      color: @accent;
      text-decoration: none;
    }

    a:hover {
      color: @accentDark;	
      text-decoration: underline;
    }

    #TeamPanel
    {
        .whitebg;
    }

    .gadget 
    {
        h3
        {
            .graybg;
            padding-left:5px;
            margin-top:-5px;
        }
        //margin: 0 0 10px 0;
        //padding: 10px 10px;
        width: 230px;
    }
}

div .abbreviatedResult
{
    width: 730px;
    border: solid 1px darken(@gray, 30%);
    margin-bottom: 5px;
    padding-left: 3px;
    .innerResult
    {
        position: relative ;
        width:620px;
        margin-top: -75px;
        .Title
        {
            font-size:1.2em;
            border-bottom: solid 1px darken(@gray, 20%);
        }
        .Description
        {
            font-size:1.03em;
            color: darken(@gray, 50%);
            text-align:justify;
        }
    }

    .results
    {
        position:relative;
        margin-left:640px;
    }
    
}

.headedPanel
{
    .whitebg;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}

input[type="textbox"], input[type="text"], input[type="password"], input[type="textarea"]
{
    border : 1px solid darken(@gray, 20%);
    width: 300px;
    height : 22px;
    .black;
}

.singleSnippetBounds
{
    /*
    box-shadow: 0px 0px 5px 5px #fff;
    -moz-box-shadow: 0px 0px 5px 5px #fff;
    -webkit-box-shadow: 0px 0px 5px 5px #fff;
    */

    .whitebg;
    border:1px solid @gray;
}

// Remove the border around the checkbox and radio button in IE.

input:focus, textarea:focus
{
    -webkit-box-shadow:0 0 6px #EBB52D;
    -moz-box-shadow:0 0 6px #EBB52D;
    box-shadow:0 0 6px #EBB52D;
}    

input[type="submit"], input[type="button"]
{
    padding:0px;
    height:30px;
    width:80px;
    .greenbg;
    border: solid 0px transparent;
    .white;
}

.highlightedSnippet
{
	pre
    {
	    overflow:auto;
    }
}

.headedPanel 
{
    .whitebg;
    border:1px dashed @gray;
    margin-bottom: 10px;
    margin-top: 10px;
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
    padding-bottom:5px;
    
}

a:hover 
{
     text-decoration:none;
}

ul.sb_menu
{
    margin: 0;
    padding: 0;
    list-style: none;
    color: red; 
    li{
        margin:  0;
        padding: 4px 0 4px 12px;
        width: 220px;
        a 
        {
            color: white;
            text-decoration: none;
            margin-left: -12px;
            //padding-left: 22px;
            width: 220px;
            background: url(images/li_a.gif) left no-repeat;
        }
        a:hover 
        {
            color: #1E557A;
            text-decoration: none;
            //background: url(images/li_a_hover.gif) left no-repeat;
            border-bottom-color:@teal;
            border-bottom-width:3px;
            border-bottom-style:solid;
        }
    }
}

input[type="submit"]:hover, input[type="button"]:hover
{
    background-color:lighten(@green, 30%);
    .black;
}

.selectBox
{
    border : 1px solid #515151;
    height : 30px;
    /*background-color: #2D2D2D;*/
    .black;
}

#mainbar
{
    .whitebg;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    min-width:750px;
    max-width:750px;
    min-height:750px;
    margin-top: -20px;
}

/* TagCloud Styles */
#tagCloud
{
}

.tag1
{
    font: normal 14px Arial, Helvetica, sans-serif;
}

.tag2
{
    font: normal 16px Arial, Helvetica, sans-serif;
}

.tag3
{
    font: normal 18px Arial, Helvetica, sans-serif;
}

.tag4
{
    font: normal 24px Arial, Helvetica, sans-serif;
}

.tag5
{
    font: normal 28px Arial, Helvetica, sans-serif;
}

.tag6
{
    font: normal 32px Arial, Helvetica, sans-serif;
}

.tag7
{
    font: normal 36px Arial, Helvetica, sans-serif;
}

.tag8
{
    font: normal 40px Arial, Helvetica, sans-serif;
}
        
#tagCloud
{
    font-weight:bold;
    margin-top:15px;
    margin-right:15px;
    margin-bottom:15px;
    margin-left:0px;
     
    a {
        /*
        color: #595959;
        */
        text-decoration:none;
    }

    a:hover 
    {
        text-decoration: underline;
    }
}

.logonBox 
{
    width: 700px;
    .whitebg;
}

/* Basic formatting */
/* Styles for basic forms
-----------------------------------------------------------*/


fieldset 
{
    border:1px solid @gray;
    .whitebg;
    padding:0 1.4em 1.4em 1.4em;
    margin:0 0 1.5em 0;
}

legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

.editor-label 
{
    margin: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}

input[type="checkbox"], input[type="radio"]{
    background: transparent;
    border: 0;
}

.field-validation-error
{
    color: #ff0000 !important;
}

.field-validation-valid 
{
    display: none  !important;
}

.input-validation-error 
{
    //.black;
    //.yellowbg;
    border: 1px solid #ff0000  !important;
    -webkit-box-shadow:0 0 10px #ff0000  !important;
    -moz-box-shadow:0 0 10px #ff0000  !important;
    box-shadow:0 0 10px #ff0000  !important;
}

.validation-summary-errors 
{
    font-weight: bold  !important;
    color: #ff0000  !important;
}

.validation-summary-valid 
{
    display: none  !important;
}

textarea#editTextFieldsCode
{
   margin:0px;
   padding:0px;
   font-size:12px;
   /*font-family:Tahoma;*/
   width:400px;
   height:300px;
   overflow:scroll;
   max-width:400px;
   border : 1px solid #515151;
   .whitebg;
   .black;
}

.errorContainer
{
    width: 1000px;
    min-height: 100%;
    margin-left: auto;
    margin-right: auto;
    background-color: white;
    z-index: 0;
}

.errorH1
{
    margin: 0;
    padding: 5px 0;
    width: 340px;
    color:  #1E557A;
    font: normal 36px Arial, Helvetica, sans-serif;
    letter-spacing: -2px;
}

.errorHeader
{
    width: 1000px;
    background-image: url(Images/errorDivBg.png);
    background-repeat: repeat-x;
    height:107px;
}

.errorLogo
{
    position:relative;
    left:30px;
    top : 15px;
}

.errorContainerInner
{
    padding : 20px;
}


.errorWords
{
    position:relative;
    top:-120px;
    left:150px;
}


.errorWords  a
{
    color: white;
    text-decoration: none;
    margin-left:  0px;
    padding-left: 22px;
/*	background: url(images/li_a.gif) left no-repeat;*/
}

.errorWords  a:hover
{
    color:#1E557A;
    text-decoration: underline;
    background: url(images/li_a_hover.gif) left no-repeat;
}



.clear { clear:both; }